    .section5 {
        width: 100%;
        overflow: hidden;
        position: relative;
        padding: 60px 0;
        background: #eee;
    }

    .Box5 {
        width: 100%;
    }

    .list5 {
        display: flex;
        justify-content: space-evenly;
    }

    .list5 h1 {
        font-size: 20px;
        text-align: center;
        font-weight: bold;
        color: #777;
        padding-bottom: 20px;
        border-bottom: 4px solid #0000;
        transition: 0.5s;
        position: relative;
        top: 0px;
    }

    .list5 h1.on {
        position: relative;
        top: 15px;
        color: #000;
        border-bottom: 4px solid #000;
    }

    .Box5 {
        margin-top: 45px;
        width: 100%;
    }

    .item5Box {
        display: none;
    }

    .item5Box.on {
        display: block;
    }

    .Swiper5 {

        padding: 0 var(--w1200);
    }

    .item5 {
        position: relative;
        z-index: 2;
        width: 100%;
    }

    .item5 .img5 {
        position: relative;
        z-index: 3;
        width: 100%;
    }

    .item5 .text5 {
        position: absolute;
        z-index: 4;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        font-size: 32px;
        text-align: center;
        font-weight: bold;
        color: var(--color);
        opacity: 0;
        padding: 20px;
    }

    .item5:hover .text5 {
        opacity: 1;
    }

    @media (max-width: 1200px) {
        .list5 {
            display: flex;
            flex-wrap: wrap;
            grid-gap: 30px 5px;
        }

        .list5 h1 {
            font-size: 18px;
        }

        .Box5 {
            margin-top: 15px;
        }
    }

    @media (max-width: 720px) {
        .list5 {
            grid-gap: 10px 5px;
        }

        .list5 h1 {
            font-size: 16px;
            padding-bottom: 5px;
        }

        .list5 h1.on {
            top: 0px;
        }
    }

    @media (max-width: 460px) {}

    @media (max-width: 380px) {}
